<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.name == 'NewsHome'"></router-view>
    </keep-alive>
    <router-view v-if="$route.name != 'NewsHome'" />
  </div>
</template>

<script>
import { Indicator } from "mint-ui";
import api from "@/api/api";
import { mapActions } from "vuex";

export default {
  name: "App",

  // created() {
  //   Indicator.open("加载中...");
  //   setTimeout(function() {
  //     Indicator.close();
  //   }, 2000);
  // }
  created() {
    // ----------------
    //加载微信sdk
    api.getWxJsSdkConfig(this, res => {
      let data_res = JSON.parse(res.data.data);
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: data_res.appId, // 必填，公众号的唯一标识
        timestamp: data_res.timestamp, // 必填，生成签名的时间戳
        nonceStr: data_res.nonceStr, // 必填，生成签名的随机串
        signature: data_res.signature, // 必填，签名
        jsApiList: [
          "onMenuShareTimeline",
          "onMenuShareAppMessage",
          "onMenuShareQQ",
          "onMenuShareQZone",
          "onMenuShareWeibo"
        ]
      });
    });
    // ------------------
  },
  mounted() {
    let ph =
      "http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/2602820180723123528191.jpg";
    let title = "";
    api.getUserInfo(this, res => {
    });
    wx.ready(function() {
      // 分享圈
      wx.onMenuShareTimeline({
        title: "",
        link: "",
        imgUrl: ph,
        success: function() {
          // 用户确认分享后执行的回调函数
          console.log("分享到朋友圈成功");
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
          alert("您没有分享到朋友圈");
        }
      });
      // 分享人
      wx.onMenuShareAppMessage({
        title: "",
        desc: "乐宾百货欢迎您!",
        link: "",
        imgUrl: ph,
        type: "", // 分享类型,music、video或link，不填默认为link
        dataUrl: "", // 如果type是music或video，则要提供数据链接，默认为空
        success: function(res) {
          console.log("分享成功");
        },
        cancel: function(res) {
          alert("您没有分享");
        },
        fail: function(res) {
          alert(JSON.stringify(res));
        }
      });
      // 分享QQ
      wx.onMenuShareQQ({
        title: "", // 分享标题
        desc: "乐宾百货欢迎您!", // 分享描述
        link: "", // 分享链接
        imgUrl: ph, // 分享图标
        success: function() {
          // 用户确认分享后执行的回调函数
          console.log("QQ成功");
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
          alert("QQ失败");
        }
      });
      // QQ空间
      wx.onMenuShareQZone({
        title: "", // 分享标题
        desc: "乐宾百货欢迎您!", // 分享描述
        link: "", // 分享链接
        imgUrl: ph, // 分享图标
        success: function() {
          // 用户确认分享后执行的回调函数
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
        }
      });
      // 腾讯微博
      wx.onMenuShareWeibo({
        title: "", // 分享标题
        desc: "乐宾百货欢迎您!", // 分享描述
        link: "", // 分享链接
        imgUrl: ph, // 分享图标
        success: function() {
          // 用户确认分享后执行的回调函数
        },
        cancel: function() {
          // 用户取消分享后执行的回调函数
        }
      });
    });

    api.getSysConfig(this, res => {
      this.$less.modifyVars({ "primary-color": res.data.data.ZSD });
      this.commit_primary_color(res.data.data.ZSD);
    });
  },
  methods: {
    ...mapActions(["commit_primary_color"])
  }
};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  /* color: #2c3e50; */
  /* margin-top: 60px; */
}

.mint-msgbox-wrapper .mint-msgbox-input input {
  font-size: 0.3rem !important;
  height: 0.5rem !important;
}

.mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-confirm,
.mint-msgbox-wrapper .mint-msgbox-btns .mint-msgbox-cancel {
  font-size: 0.34rem !important;
}

.myTisMask {
  z-index: 3333 !important;
}
</style>
